<template>
  <div>
    <!-- 头部组件 -->
    <Header></Header>

    <!-- 主体部分 -->
    <router-view></router-view>

    <!-- 底部组件 -->
    <Footer v-show="$route.meta.show"></Footer>
  </div>
</template>

<script>
//引入 Header 组件
import Header from './components/Header/index.vue'
//引入 Footer 组件
import Footer from './components/Footer/index.vue'

export default {
  name: 'MyApp',

  //注册组件
  components:{
    Header,
    Footer,
  },

  mounted(){
    // 通知 Vuex 发起请求，获取数据，存储于仓库当中
     this.$store.dispatch('categoryList')
  }
}
</script>

<style lang="less" scoped>

</style>
